import { Tabs } from 'esy-ui';
import Grid from './children/Grid';

const tabs = [
  { title: <>首页</>, paneKey: '1', children: <Grid id={1} /> },
  { title: <>视频</>, paneKey: '2', children: <Grid id={2} /> },
  { title: <>直播</>, paneKey: '3', children: <Grid id={3} /> },
  { title: <>直播2</>, paneKey: '4', children: <Grid id={4} /> },
  { title: <>直播3</>, paneKey: '5', children: <Grid id={5} /> },
];

function Main() {
  return <Tabs tabs={tabs} indicatorRatio={0.4} />;
}

export default Main;
